<div class="tab-firmware_flasher toolbar_fixed_bottom">
    <div class="content_wrapper">
        <div class="options gui_box">
            <div class="spacer">
                <table class="cf_table" style="margin-top: 10px;">
                    <tr class="option">
                        <td><label> <input class="show_development_releases toggle" type="checkbox" /> <span
                                i18n="firmwareFlasherShowDevelopmentReleases"></span>
                        </label></td>
                        <td><span class="description" i18n="firmwareFlasherShowDevelopmentReleasesDescription"></span></td>
                    </tr>
                    <tr class="expert_mode option">
                        <td><label><input class="expert_mode toggle" type="checkbox" /><span i18n="expertMode"></span>
                        </label></td>
                        <td><span class="description" i18n="expertModeDescription"></span></td>
                    </tr>
                    <tr class="build_type">
                        <td>
                            <select name="build_type">
                                <!-- options generated at runtime -->
                            </select>
                        </td>
                        <td><span class="description" i18n="firmwareFlasherOnlineSelectBuildType"></span></td>
                    </tr>
                    <tr>
                        <td class="board-select"><select name="board">
                                <option value="0" i18n="firmwareFlasherOptionLoading">Loading ...</option>
                        </select></td>
                        <td class="board-description">
                            <div class="btn default_btn">
                                <a class="detect-board disabled" href="#" i18n="firmwareFlasherDetectBoardButton"></a>
                            </div>
                            <span class="description" i18n="firmwareFlasherOnlineSelectBoardDescription"></span>
                            <div class="helpicon cf_tip_wide" i18n_title="firmwareFlasherOnlineSelectBoardHint"></div>
                            <div class="helpicon cf_tip_wide" i18n_title="firmwareFlasherDetectBoardDescriptionHint"></div>
                        </td>
                    </tr>
                    <tr>
                        <td><select name="firmware_version">
                                <option value="0" i18n="firmwareFlasherOptionLoading">Loading ...</option>
                        </select></td>
                        <td><span class="description" i18n="firmwareFlasherOnlineSelectFirmwareVersionDescription"></span></td>
                    </tr>
                    <tr>
                        <td><label> <input class="updating toggle" type="checkbox" /> <span
                                i18n="firmwareFlasherNoReboot"></span>
                        </label></td>
                        <td><span class="description" i18n="firmwareFlasherNoRebootDescription"></span></td>
                    </tr>
                    <tr class="option flash_on_connect_wrapper">
                        <td><label> <input class="flash_on_connect toggle" type="checkbox" /> <span
                                i18n="firmwareFlasherFlashOnConnect"></span></label></td>
                        
                        <td><span class="description" i18n="firmwareFlasherFlashOnConnectDescription"></span></td>
                    </tr>
                    <tr class="option">
                        <td><label> <input class="erase_chip toggle" type="checkbox" /> <span
                                i18n="firmwareFlasherFullChipErase"></span>
                        </label></td>
                        <td><span class="description" i18n="firmwareFlasherFullChipEraseDescription"></span></td>
                    </tr>
                    <tr class="option manual_baud_rate noboarder">
                        <td><label> <input class="flash_manual_baud toggle" type="checkbox" /> <span
                                i18n="firmwareFlasherManualBaud"></span> <select id="flash_manual_baud_rate"
                                i18n_title="firmwareFlasherBaudRate">
                                    <option value="921600">921600</option>
                                    <option value="460800">460800</option>
                                    <option value="256000" selected="selected">256000</option>
                                    <option value="230400">230400</option>
                                    <option value="115200">115200</option>
                                    <option value="57600">57600</option>
                                    <option value="38400">38400</option>
                                    <option value="28800">28800</option>
                                    <option value="19200">19200</option>
                            </select>
                        </label></td>
                        <td><span class="description" i18n="firmwareFlasherManualBaudDescription"></span></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="clear-both"></div>
        <div class="git_info">
            <div class="title" i18n="firmwareFlasherGithubInfoHead"></div>
            <p>
                <strong i18n="firmwareFlasherHash"></strong> <a i18n_title="firmwareFlasherUrl" class="hash" href="#"
                    target="_blank"></a><br /> <strong i18n="firmwareFlasherCommiter"></strong> <span class="committer"></span><br />
                <strong i18n="firmwareFlasherDate"></strong> <span class="date"></span><br /> <strong
                    i18n="firmwareFlasherMessage"></strong> <span class="message"></span>
            </p>
        </div>
        <div class="release_info gui_box">
            <div class="darkgrey_box gui_box_titlebar">
                <div class="spacer_box_title" style="text-align: center;"
                    i18n="firmwareFlasherReleaseSummaryHead"></div>
            </div>
            <div class="spacer" style="margin-bottom: 10px;">
                <div class="margin-bottom">
                    <strong i18n="firmwareFlasherReleaseTarget"></strong>
                    <span class="target"></span>
                    <br />
                    <div id="manufacturerInfo">
                        <strong i18n="firmwareFlasherReleaseManufacturer"></strong>
                        <span id="manufacturer"></span>
                        <br />
                    </div>
                    <strong i18n="firmwareFlasherReleaseVersion"></strong>
                    <a i18n_title="firmwareFlasherReleaseVersionUrl" class="name" href="#" target="_blank"></a>
                    <br />
                    <strong i18n="firmwareFlasherReleaseFile"></strong>
                    <a i18n_title="firmwareFlasherReleaseFileUrl" class="file" href="#" target="_blank"></a>
                    <br />
                    <strong i18n="firmwareFlasherReleaseDate"></strong>
                    <span class="date"></span>
                    <br />
                </div>
                <div class="margin-bottom" id="unifiedTargetInfo">
                    <strong i18n="firmwareFlasherUnifiedTargetName"></strong>
                    <a i18n_title="firmwareFlasherUnifiedTargetFileUrl" id="unifiedTargetFile" href="#" target="_blank"></a>
                    <br />
                    <strong i18n="firmwareFlasherUnifiedTargetDate"></strong>
                    <span id="unifiedTargetDate"></span>
                    <br />
                </div>
                <strong i18n="firmwareFlasherReleaseNotes"></strong>
                <div class=notes></div>
            </div>
        </div>
        <div class="gui_box gui_warning">
            <div class="gui_box_titlebar">
                <div class="spacer_box_title" style="text-align: center;"
                    i18n="warningTitle">
                </div>
            </div>
            <div class="spacer" style="margin-bottom: 10px;">
                <p i18n="firmwareFlasherWarningText"></p>
                <br />
                <p i18n="firmwareFlasherTargetWarning"></p>
            </div>
        </div>
        <div class="gui_box gui_note">
            <div class="gui_box_titlebar">
                <div class="spacer_box_title" style="text-align: center;"
                    i18n="firmwareFlasherRecoveryHead">
                </div>
            </div>
            <div class="spacer" style="margin-bottom: 10px;">
                <p i18n="firmwareFlasherRecoveryText"></p>
            </div>
        </div>
            
    </div>
    <div class="content_toolbar">
        <div class="info"><a name="progressbar"></a>
            <progress class="progress" value="0" min="0" max="100"></progress>
            <span class="progressLabel"></span>
        </div>
        <div class="btn">
            <a class="exit_dfu disabled" href="#" i18n="firmwareFlasherExitDfu"></a>
        </div>
        <div class="btn">
            <a class="flash_firmware disabled" href="#progressbar" i18n="firmwareFlasherFlashFirmware"></a>
        </div>
        <div class="btn">
            <a class="load_remote_file disabled" href="#" i18n="firmwareFlasherButtonLoadOnline"></a>
        </div>
        <div class="btn">
            <a class="load_file" href="#" i18n="firmwareFlasherButtonLoadLocal"></a>
        </div>
    </div>

    <dialog id="dialogUnstableFirmwareAcknoledgement">
        <h3 i18n="warningTitle"></h3>
        <div class="content">
            <div i18n="unstableFirmwareAcknoledgementDialog"></div>
            <div>
                <input name="dialogUnstableFirmwareAcknoledgement-acknowledge" class="togglesmall" type="checkbox"/>
                <span i18n="unstableFirmwareAcknoledgementAcknowledge"></span>
            </div>
        </div>
        <div class="dialog_toolbar">
            <div class="btn">
                <a class="disabled" href="#" id="dialogUnstableFirmwareAcknoledgement-flashbtn" class="regular-button" i18n="unstableFirmwareAcknoledgementFlash"></a>
            </div>
            <div class="btn">
                <a href="#" id="dialogUnstableFirmwareAcknoledgement-cancelbtn" class="regular-button" i18n="cancel"></a>
            </div>
        </div>
    </dialog>

    <dialog id="dialog-verify-board">
        <div id="dialog-verify-board-content-wrapper">
            <div id="dialog-verify-board-content"></div>
            <div class="btn dialog-buttons">
                <a href="#" id="dialog-verify-board-abort-confirmbtn" class="regular-button" i18n="firmwareFlasherButtonAbort"></a>
                <a href="#" id="dialog-verify-board-continue-confirmbtn" class="regular-button" i18n="firmwareFlasherButtonContinue"></a>
            </div>
        </div>
    </dialog>
</div>
